<template>
	<view class="not-msg" v-if="topList.length == 0 && notTopList.length == 0">
		<view>
			<image :src="notMsg"></image>
		</view>
		<view>
			<text>暂无消息</text>
		</view>
	</view>
</template>

<script>
	export default {
		props: ['topList', 'notTopList'],
		data() {
			return {
				notMsg: require('@/static/img/msg/home/notMsg.svg')
			}
		}
	}
</script>

<style lang="scss" scoped>
	.not-msg {
		width: 100%;
		text-align: center;
		position: absolute;
		top: 50%;
		transform: translate(0, -50%);

		image {
			width: 80%;
		}

		text {
			font-size: 44rpx;
			font-weight: 500;
			color: #8295a5;
		}
	}
</style>
